草庐IT

HTML 5 元素,非 JS 后备

全部标签

javascript - 如何使用 clipboard.js

正如您可能从这个问题中推测的那样,我不太擅长javascript,我正在尝试让clipboard.js(https://clipboardjs.com/)工作但不能。我按照说明将clipboard.min.js复制到脚本文件夹中,然后在我的html文件中引用它。然后我复制了他们的按钮(并像这样修改了一下:Copytoclipboard在他们的设置说明中,他们是这样说的:“现在,您需要通过传递DOM选择器、HTML元素或HTML元素列表来实例化它。”newClipboard('.btn');然后我做了一个这样的事件监听器:$('#test').click(function(){varcl

javascript - 仅当 Angular 中存在图像时才显示图像元素

我有两个兄弟元素。一个是图像,另一个是div。如果图像存在,我想显示图像元素;如果图像不存在,我想显示div元素。我的元素看起来像{{product.img}}product.img的结果类似于/assets/images/prod.jpg。因为这是一个字符串,所以ng-show将始终为真,并且将显示图像标签。因此,如果图像不存在,它将显示为损坏的图像。所以基本上我想要的是,如果图像不存在,则隐藏图像标签并显示div,反之亦然。我试过像这样的javascript函数$scope.imageExists=function(src){varimage=newImage();image.sr

javascript - 从 HTML 调用 typescript 文件中的函数。

我是HTML和Angular2的新手。我目前正在尝试了解如何从HTML文件调用Typescript文件中的函数。精简后,Typescript文件(home.ts)函数如下所示:getConfigurations(sensorName:string){console.log('Home:getConfigurationsentered...');return'sensor1';}在我的HTML文件(home.html)中,我想使用字符串参数调用“getConfigurations”(现在“getConfigurations()”返回“sensor1”,因为我仍在测试)。那么,在HTML中

javascript - 在 Atom 中禁用特定的 linter 规则(对于 js 标准)

我如何告诉Atomlinter,特别是js-standard,忽略规则?我希望它在整个项目范围内被忽略,并且我认为我可以使用package.json或.eslintrc来实现这一点,但我都无法工作。我要禁用的规则是camelcase我应该能够在package.json文件中执行此操作,因为js-standardlinter有一个名为honorStyleSettings的选项:Honorsstylesettingsdefinedinpackage.json.Currentstylesettingssupported:ignoreparser这些设置的语法是什么?

javascript - ReactJS onClick setState 到不同的元素

我是新手,遇到了一些小问题。也许有人可以帮助我。所以问题是我无法使用onCLick函数触发我想要的元素。现在我试图在时删除导航importReactfrom"react";importReactDOMfrom"react-dom";exportdefaultclassNavextendsReact.Component{constructor(){super();this.state={navStatus:"navHide"};}navClose(){varnavOpened=document.getElementById("myNav");navOpened.setState({nav

javascript - Moment.js 中使用 .fromNow() 的相对日期 - 如何在几年前、几个月前和几天前聚在一起?

假设我有一个日期字符串2015-02-01-(2015年2月1日)今天我们有2016-07-02(2016年7月2日)我们可以很容易地看到较早的日期发生在大约1年和5个月和1天前。我想使用Moment.js实现类似的相对结果,所以我这样做了:returnmoment('2015-02-01).fromNow();不幸的是,libraryrounds结果,我得到了一年前,其中将近一半的下一年被忽略(缺少5个月零1天)。传递给.fromNow()的唯一可用bool参数没有任何帮助。是否可以获得完整的相对日期,如果需要,我什至可以控制分割到小时、分钟和秒? 最佳答

javascript - Echarts.js 库 - 使用饼图的 onclick 事件引用页面

我正在使用echarts.js库来制作饼图,我想使饼图中的每个切片超链接到另一个页面。我现在使用静态数据点,以测试它是否有效-之后将更新为动态数据。下面是pie1a的示例-我希望T2、T2、T4和N/A引用他们自己的页面。T2="http://localhost/T2.html"。//ECHART_PIE1avarechartPie1a=echarts.init(document.getElementById('echart_pie1a'),theme);echartPie1a.setOption({tooltip:{trigger:'item',formatter:"{a}{b}:{

javascript - 可折叠树示例中的 d3.js v4 古怪链接转换

如果你玩下面的可折叠树,你会看到当你到达树的末端,展开和折叠节点时,线条正在做一些古怪的事情,我不完全确定是什么驱动了行为或如果我重写enterlinkdescriptionhere完全没有根据。我使用平面数据结构并使用分层将其转换为树形布局。到目前为止唯一的问题是线路转换……有什么想法吗?vardata=[{"name":"Hazer5000","parent":"CFO","img":"https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-342/stephen.jpg"},{"name":"Employee1","parent":"Haze

javascript - Angular 评估表达式就像它在 HTML 中一样

我正在寻找一个可以在Angular中执行类似操作的函数:vartestValues={name:'JohnDoe',number:15}somefunction('Hello,{{name}},youare{{number}}yearsold',testValues)//returns'Hello,JohnDoe,youare15yearsold'我知道$eval做类似的事情,但它里面不能有双括号。 最佳答案 您可能正在寻找$interpolate服务。文档中的示例:var$interpolate=...;//injectedvar

javascript - 如何在 base64 中编码用 jspdf 和 html2canvas 生成的文件?

我正在尝试对附加代码中生成的文档进行编码,但没有任何反应,没有生成错误但也不对文件进行编码,并且永远不会执行ajaxrequest什么是正确的方法?html2canvas(document.getElementById("workAreaModel"),{onrendered:function(canvas){varimg=canvas.toDataURL("image/png");vardoc=newjsPDF("l","pt","letter");doc.addImage(img,'JPEG',20,20);varfileEncode=btoa(doc.output());$.aj